.btn {
  width: 80px;
  height: 33px;
  /* 外层都要有盒子*/
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  
  &.btn-primary {
    background-color: #337ab7;
    border-color: #2e6da4;

    &:hover {
      background-color: #286090;
      border-color: #204d74;
    }

    &:disabled {
      background-color: #7EA8D0;
    }
  }

  &.btn-success {
    background-color:#5cb85c;
    border-color:#4cae4c;

    &:hover {
      background-color: #449d44;
      border-color:#398439;
    }
    &:disabled {
      background-color: #97D196;
    }
  }

  &.btn-info {
    background-color: #5bc0de;
    border-color: #46b8da;

    &:hover {
      background-color: #31b0d5;
      border-color: #269abc;
    }
    &:disabled {
      background-color: #98D5E9;
    }
  }

  &.btn-warning {
    background-color: #f0ad4e ;
    border-color: #eea236;

    &:hover {
      background-color: #ec971f;
      border-color: #d58512;
    }

    &:disabled {
      background-color: #F4CA8F;
    }
  }

  &.btn-danger {
    background-color:#d9534f;
    border-color: #d43f3a;

    &:hover {
      background-color: #c9302c;
      border-color: #ac2925;
    }
    &:disabled {
      background-color: #E7918D;
    }
  }


}

